<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>GreenSock学习-模拟路径显示</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script src="./TimelineMax.js" type="text/javascript"></script>
    <script src="./DrawSVGPlugin.min.js" type="text/javascript"></script>
    <script src="./snap.svg.js" type="text/javascript"></script>
    <script src="./jquery-ui.min.js" type="text/javascript"></script>
    <script src="./initSvg.js" type="text/javascript"></script>
    <script src="./TWeenTools.js" type="text/javascript"></script>
    <script src="./RangeSlider.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <link href="./study2.css" rel="stylesheet" type="text/css" />
    <link href="./range.css" rel="stylesheet" type="text/css" />
</head>

<body onload="starup()" ondblclick="getMousePos(event)"  onmouseup="comPathUp(event)">

    <button id="startButton" class="btn btn-secondary" onclick="drawWay()">模拟接收</button>
    <button id="finishButton" class="btn btn-secondary" onclick="endWay()">停止模拟</button>
    <button id="startTween" class="btn btn-secondary" onclick="startTween()">播放动画</button>
    <button id="pausTween" class="btn btn-secondary">暂停动画</button>
    <button id="resuTween" class="btn btn-secondary">恢复动画</button>
    <button type="button" id="amountText" class="btn btn-info" active>播放速度</button>
    <button type="button" id="amount" class="btn btn-info" active>0</button>
    <input type="range" id="myRange" value="0">
    <button type="button" id="cxlab" class="btn btn-info" active>测点横坐标</button>
    <input type="number" id="cdx" min="0" max="1000" required="true">
    <button type="button" id="cylab" class="btn btn-info" active>测点纵坐标</button>
    <input type="number" id="cdy" min="0" max="1000" required="true">
    <button id="drawCd" class="btn btn-secondary" onclick="drawCd()">绘制测点</button>
    <button id="editCd" class="btn btn-secondary" >启用编辑</button>
    <button type="button" id="clabel" class="btn btn-info" active>测点描述</button>
    <button id="compath" class="btn btn-secondary" >完善路径</button>
    <button type="button" id="timeline" class="btn btn-info" active>时间轴</button>
    <div id="sliderWrapper">
        <div id="slider" style="height:10px;" class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
        <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left:100%;"></span>
        </div>
    </div>
    <input type="text" id="clabelT" required="true">
    <input type="text" id="cNo" hidden>
    <button id="saveCd" class="btn btn-secondary" onclick="saveCd()" style="visibility: hidden">保存测点</button>
    <script src="./study2.js" type="text/javascript"></script>
    <script>
        var change = function ($input) {
<<<<<<< Updated upstream
            /*测试码云提交0123*/
=======
            /*测试码云提交*/
>>>>>>> Stashed changes
            $("#amount").text($input.value);
        }
        $("#myRange").RangeSlider({
            min: 0,
            max: 4,
            step: 0.01,
            callback: change
        });
    </script>
</body>

</html>